
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:components="http://java.sun.com/jsf/composite/components"
	>
	<h:head>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://code.jquery.com/jquery.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<h:outputScript library="js" name="bootstrap.min.js" />
		<h1 align="center">
			<h:outputText value="Domótica - ML SQ" class="label label-primary" />
		</h1>
	</h:head>
	
	<h:body style="background-color: black;">
	<components:navbar />
        <h:form id="dashboard">
            <h:panelGrid id="panel" columns="2" border="0" cellpadding="5" cellspacing="5" style="margin: 0 auto;">
                <h:graphicImage id="image" library="images" name="#{dashboardBean.motherImage}" />
                <h:panelGroup >
                    <h:inputText id="motherRequest" autocomplete="off" size="50" value="#{dashboardBean.motherRequest}" required="false" class="form-control"/>
                    <h:commandButton id="callMother" value="#{messages.SEND}" type="submit" action="#{dashboardBean.callMother}" />
                    <h:outputText id="motherResponse" value="#{dashboardBean.motherResponse}" class="form-control"/>
                </h:panelGroup>
            </h:panelGrid>
        </h:form>
	</h:body>
	
</html>